!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!--
        h1~h6
    -->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>6级标题</h6>
    <!--
        p--段落标签
    -->
    <p>hello world</p>
    <!--
        img 图片标签
        特殊：单标签
        src--标签的属性
        功能：指定图片所在的位置
        alt--当图片加载不出来，用来描述图片
    -->
    <img src="images/timg.jpg" alt="这是一个猫"
   <>
    <input type="text"><button>百度一下</button>
    <!--end
    可以快速的切换到标签的末尾
    ctrl+alt+↓
    -->
    <!--
        ul 无序列表
        li 列表项
    -->
    <ul>
        <li>小米手机</li>
        <li>OPPO手机</li>
        <li>苹果手机</li>

    </ul>
    <!--
        a 链接标签
        href--指定你所要访问的网址
    -->
    <a href="https://www.jianshu.com/p/8ff821ffce19">XDX</a>
    <div>div</div>
    <!--
        dl -- 定义列表
        dt -- 定义的术语
    -->
    <dl>
        <dt>HTML</dt>
    </dl>
    <!--- ctrl+w -->
</body>
</html>